<template>
  <div class="skill">
    <search></search>
    <Menu></Menu>
    <list :index="id"></list>
    <router-view to="Skill/:id"></router-view>
  </div>
</template>
<script>
import list from "./skills/list";
import Menu from "./skills/menu";
import search from "./skills/search";
import { mapState, mapActions } from "vuex";

export default {
  data(){
    return{
      id:0,
    }
  },
  components: {
    Menu,
    search,
    list,
  },
  mounted() {
    this.$parent.title = "摄影技巧";
    this.$parent.right = "　　";
  }
};
</script>
<style scoped>
.skill {
  width: 100%;
}
</style>
